<div id="algo" style="height: 350px">
<!--bottom dock -->

<div class="dock" id="dock2" >
  <div class="dock-container2">

  <?php echo $html->link($this->Html->image('dock/Home.png', array('title' => 'Inicio')), '/principal', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/MSN.png', array('title'=>'Personas')), '/personas/', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/Search.png'), '/pages/home', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/Graphing-Spreadsheets.png', 	array('title' => 'Estadist')), '/pages/home', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/Gear.png'), '/pages/home', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/Word-Processor.png'),	 '/pages/home', array('class'=>'dock-item2')); ?>
  <?php echo $html->link($this->Html->image('dock/Power.png', 					array('title' => 'Salir   ')), '/usuarios/logout', array('class'=>'dock-item2'), 'Esta seguro de salir?'); ?>


  </div>

</div>

<!--dock menu JS options -->
<script type="text/javascript">

	$(document).ready(
		function()
		{
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
		}
	);

</script>
</div>